@import '../index.less';

.title-ele {
    .element;
    .bind-fx-txt {
        .bind-fx-txt;
        display: inline-flex;
    }
    line-height: 25px;
    background-color: #efefef;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    .title-text {
        display: inline;
        padding-left: 1em;
        position: relative;
        .mark_bottom {
            position: relative;
        }
        .mark2 {
            left: 0;
            height: 2px;
            background-color: red;
            position: absolute;
            bottom: -5px;
            right: 0;
        }
        .mark3 {
            width: .4em;
            height: .4em;
            border-radius: 50%;
            background-color: red;
            position: absolute;
            top: 50%;
            margin-top: -0.2em;
            left: .4em;
        }
        .mark_warp_left {
            background: none;
            left: 10px;
            .mark1 {
                left: auto;
            }
        }
    }
    .mark1 {
        width: 5px;
        background-color: red;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}